<template>
	<view class="padb30">
		<cu-custom bgColor="bg-gradual-blue" isBack>
			<block slot="content">文章详情</block>
			<block slot="backText">返回</block>
		</cu-custom>
		<view class="cu-card case no-card">
			<view class="cu-item shadow">
				<view class="cu-card case no-card mart1" data-url="/pages/stream/artInfo/artInfo"
				@tap="$win.navto"
				:data-id="item.id">
					<view class="cu-item shadow">
						<view class="image">
							<image :src="$api.getAssetBaseUrl() + item.cover" mode="widthFix"></image>
							<!-- <view class="cu-tag bg-blue">史诗</view> -->
							<!-- <view class="cu-bar bg-shadeBottom"> 
							<text class="text-cut">
								{{item.title}}
							</text>
							</view> -->
						</view>
						<view class="cu-list menu-avatar">
							<view class="cu-item">
								<!-- <view class="cu-avatar round lg" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg);"></view> -->
								<view class="flex-sub lh2 padlr5">
									<view class="text-grey">【{{item.category.name}}】{{item.title}}</view>
									<view class="text-gray text-sm flex justify-between">
										{{$com.str2time(item.createAt)}}
										<view class="text-gray text-sm">
											<text class="cuIcon-attentionfill margin-lr-xs"></text> {{item.numView}}
									<!-- 		<text class="cuIcon-appreciatefill margin-lr-xs"></text> 20
											<text class="cuIcon-messagefill margin-lr-xs"></text> 30 -->
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="pad3 bcf lh2 c11" v-html="item.content"></view>
		
		<view class="pad3 tac bcf">
			<view class="bdtda bdc12 padt3 c12 fs8 op7">我是有底线的</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				item:{}
			}
		},
		methods: {
			
		},
		onLoad(option) {
			let id = option.id
			this.$api.get('/api/articles/' + id,{},(res)=>{
				this.item = res.d
			})
		}
	}
</script>

<style>

</style>
